import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:yurun_smartmerchants/res/colours.dart';
import 'package:yurun_smartmerchants/routes/routes.dart';
import 'package:yurun_smartmerchants/utils/app_size.dart';

class MarketPay extends StatefulWidget{
  @override
  _MarketPayState createState() => _MarketPayState();

}

class _MarketPayState extends State<MarketPay>{

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Colours.white,
        centerTitle: true,
        iconTheme: IconThemeData(color: Colours.app_words),
        title: Text('缴费',style: TextStyle(fontSize: 18,color: Colours.app_words),),
        actions: <Widget>[
          IconButton(
              icon: Icon(Icons.history),
              onPressed: (){
                Navigator.pushNamed(context, pay_record_page);
              }
          )
        ],
      ),
      body: CupertinoScrollbar(
        child: Container(
          color: Colours.app_background,
          child: SingleChildScrollView(
            physics: BouncingScrollPhysics(),
            child: Column(
              children: <Widget>[
                Card(
                  margin: EdgeInsets.only(left: AppSize.height(20),top: AppSize.height(20),right: AppSize.height(20),bottom: AppSize.height(10)),
                  child: InkWell(
                    onTap: (){Navigator.pushNamed(context, wait_pay_record_page,arguments: '进场缴费');},
                    child: SizedBox(
                      width: double.maxFinite,
                      height: AppSize.height(150),
                      child: Stack(
                        children: <Widget>[
                          Positioned(
                            left: AppSize.height(45),
                            top: AppSize.height(50),
                            child: Image.asset('images/icon_jinchang_shoufei.png',fit: BoxFit.cover,),
                          ),
                          Positioned(
                            left: AppSize.height(120),
                            top: AppSize.height(55),
                            child: Text('进场收费',style: TextStyle(color: Colours.app_words,fontSize: 15,fontWeight: FontWeight.w600),),
                          ),
                          Positioned(
                            right: AppSize.height(60),
                            top: AppSize.height(64),
                            child: Text('10',style: TextStyle(color: Color(0xff626262),fontSize: 14),),
                          ),
                          Positioned(
                            right: AppSize.height(35),
                            top: AppSize.height(66),
                            child: Icon(Icons.arrow_forward_ios,color: Color(0xff626262),size: 14,)
                          )
                        ],
                      ),
                    ),
                  ),
                ),
                Card(
                  margin: EdgeInsets.only(left: AppSize.height(20),top: AppSize.height(10),right: AppSize.height(20),bottom: AppSize.height(10)),
                  child: InkWell(
                    onTap: (){Navigator.pushNamed(context, wait_pay_record_page,arguments: '罚款');},
                    child: SizedBox(
                      width: double.maxFinite,
                      height: AppSize.height(150),
                      child: Stack(
                        children: <Widget>[
                          Positioned(
                            left: AppSize.height(45),
                            top: AppSize.height(50),
                            child: Image.asset('images/icon_fakuan.png',fit: BoxFit.cover,),
                          ),
                          Positioned(
                            left: AppSize.height(120),
                            top: AppSize.height(55),
                            child: Text('罚款',style: TextStyle(color: Colours.app_words,fontSize: 15,fontWeight: FontWeight.w600),),
                          ),
                          Positioned(
                            right: AppSize.height(60),
                            top: AppSize.height(64),
                            child: Text('10',style: TextStyle(color: Color(0xff626262),fontSize: 14),),
                          ),
                          Positioned(
                              right: AppSize.height(35),
                              top: AppSize.height(66),
                              child: Icon(Icons.arrow_forward_ios,color: Color(0xff626262),size: 14,)
                          )
                        ],
                      ),
                    ),
                  ),
                ),
                Card(
                  margin: EdgeInsets.only(left: AppSize.height(20),top: AppSize.height(10),right: AppSize.height(20),bottom: AppSize.height(10)),
                  child: InkWell(
                    onTap: (){Navigator.pushNamed(context, wait_pay_record_page,arguments: '水费');},
                    child: SizedBox(
                      width: double.maxFinite,
                      height: AppSize.height(150),
                      child: Stack(
                        children: <Widget>[
                          Positioned(
                            left: AppSize.height(45),
                            top: AppSize.height(50),
                            child: Image.asset('images/icon_water_fee.png',fit: BoxFit.cover,),
                          ),
                          Positioned(
                            left: AppSize.height(120),
                            top: AppSize.height(55),
                            child: Text('水费',style: TextStyle(color: Colours.app_words,fontSize: 15,fontWeight: FontWeight.w600),),
                          ),
                          Positioned(
                            right: AppSize.height(60),
                            top: AppSize.height(64),
                            child: Text('10',style: TextStyle(color: Color(0xff626262),fontSize: 14),),
                          ),
                          Positioned(
                              right: AppSize.height(35),
                              top: AppSize.height(66),
                              child: Icon(Icons.arrow_forward_ios,color: Color(0xff626262),size: 14,)
                          )
                        ],
                      ),
                    ),
                  ),
                ),
                Card(
                  margin: EdgeInsets.only(left: AppSize.height(20),top: AppSize.height(10),right: AppSize.height(20),bottom: AppSize.height(10)),
                  child: InkWell(
                    onTap: (){Navigator.pushNamed(context, wait_pay_record_page,arguments: '电费');},
                    child: SizedBox(
                      width: double.maxFinite,
                      height: AppSize.height(150),
                      child: Stack(
                        children: <Widget>[
                          Positioned(
                            left: AppSize.height(45),
                            top: AppSize.height(50),
                            child: Image.asset('images/icon_dianfei.png',fit: BoxFit.cover,),
                          ),
                          Positioned(
                            left: AppSize.height(120),
                            top: AppSize.height(55),
                            child: Text('电费',style: TextStyle(color: Colours.app_words,fontSize: 15,fontWeight: FontWeight.w600),),
                          ),
                          Positioned(
                            right: AppSize.height(60),
                            top: AppSize.height(64),
                            child: Text('10',style: TextStyle(color: Color(0xff626262),fontSize: 14),),
                          ),
                          Positioned(
                              right: AppSize.height(35),
                              top: AppSize.height(66),
                              child: Icon(Icons.arrow_forward_ios,color: Color(0xff626262),size: 14,)
                          )
                        ],
                      ),
                    ),
                  ),
                ),
                Card(
                  margin: EdgeInsets.only(left: AppSize.height(20),top: AppSize.height(10),right: AppSize.height(20),bottom: AppSize.height(10)),
                  child: InkWell(
                    onTap: (){Navigator.pushNamed(context, wait_pay_record_page,arguments: '物业费');},
                    child: SizedBox(
                      width: double.maxFinite,
                      height: AppSize.height(150),
                      child: Stack(
                        children: <Widget>[
                          Positioned(
                            left: AppSize.height(45),
                            top: AppSize.height(50),
                            child: Image.asset('images/icon_wuyefei.png',fit: BoxFit.cover,),
                          ),
                          Positioned(
                            left: AppSize.height(120),
                            top: AppSize.height(55),
                            child: Text('物业费',style: TextStyle(color: Colours.app_words,fontSize: 15,fontWeight: FontWeight.w600),),
                          ),
                          Positioned(
                            right: AppSize.height(60),
                            top: AppSize.height(64),
                            child: Text('10',style: TextStyle(color: Color(0xff626262),fontSize: 14),),
                          ),
                          Positioned(
                              right: AppSize.height(35),
                              top: AppSize.height(66),
                              child: Icon(Icons.arrow_forward_ios,color: Color(0xff626262),size: 14,)
                          )
                        ],
                      ),
                    ),
                  ),
                ),
                Card(
                  margin: EdgeInsets.only(left: AppSize.height(20),top: AppSize.height(10),right: AppSize.height(20),bottom: AppSize.height(10)),
                  child: InkWell(
                    onTap: (){Navigator.pushNamed(context, wait_pay_record_page,arguments: '卫生费');},
                    child: SizedBox(
                      width: double.maxFinite,
                      height: AppSize.height(150),
                      child: Stack(
                        children: <Widget>[
                          Positioned(
                            left: AppSize.height(45),
                            top: AppSize.height(50),
                            child: Image.asset('images/icon_weishengfei.png',fit: BoxFit.cover,),
                          ),
                          Positioned(
                            left: AppSize.height(120),
                            top: AppSize.height(55),
                            child: Text('卫生费',style: TextStyle(color: Colours.app_words,fontSize: 15,fontWeight: FontWeight.w600),),
                          ),
                          Positioned(
                            right: AppSize.height(60),
                            top: AppSize.height(64),
                            child: Text('10',style: TextStyle(color: Color(0xff626262),fontSize: 14),),
                          ),
                          Positioned(
                              right: AppSize.height(35),
                              top: AppSize.height(66),
                              child: Icon(Icons.arrow_forward_ios,color: Color(0xff626262),size: 14,)
                          )
                        ],
                      ),
                    ),
                  ),
                ),
                Card(
                  margin: EdgeInsets.only(left: AppSize.height(20),top: AppSize.height(10),right: AppSize.height(20),bottom: AppSize.height(10)),
                  child: InkWell(
                    onTap: (){Navigator.pushNamed(context, wait_pay_record_page,arguments: '临时摊位费');},
                    child: SizedBox(
                      width: double.maxFinite,
                      height: AppSize.height(150),
                      child: Stack(
                        children: <Widget>[
                          Positioned(
                            left: AppSize.height(45),
                            top: AppSize.height(50),
                            child: Image.asset('images/icon_linshi_tanweifei.png',fit: BoxFit.cover,),
                          ),
                          Positioned(
                            left: AppSize.height(120),
                            top: AppSize.height(55),
                            child: Text('临时摊位费',style: TextStyle(color: Colours.app_words,fontSize: 15,fontWeight: FontWeight.w600),),
                          ),
                          Positioned(
                            right: AppSize.height(60),
                            top: AppSize.height(64),
                            child: Text('10',style: TextStyle(color: Color(0xff626262),fontSize: 14),),
                          ),
                          Positioned(
                              right: AppSize.height(35),
                              top: AppSize.height(66),
                              child: Icon(Icons.arrow_forward_ios,color: Color(0xff626262),size: 14,)
                          )
                        ],
                      ),
                    ),
                  ),
                ),
                Card(
                  margin: EdgeInsets.only(left: AppSize.height(20),top: AppSize.height(10),right: AppSize.height(20),bottom: AppSize.height(10)),
                  child: InkWell(
                    onTap: (){Navigator.pushNamed(context, wait_pay_record_page,arguments: '其他费用');},
                    child: SizedBox(
                      width: double.maxFinite,
                      height: AppSize.height(150),
                      child: Stack(
                        children: <Widget>[
                          Positioned(
                            left: AppSize.height(45),
                            top: AppSize.height(50),
                            child: Image.asset('images/icon_other_fee.png',fit: BoxFit.cover,),
                          ),
                          Positioned(
                            left: AppSize.height(120),
                            top: AppSize.height(55),
                            child: Text('其他费用',style: TextStyle(color: Colours.app_words,fontSize: 15,fontWeight: FontWeight.w600),),
                          ),
                          Positioned(
                            right: AppSize.height(60),
                            top: AppSize.height(64),
                            child: Text('10',style: TextStyle(color: Color(0xff626262),fontSize: 14),),
                          ),
                          Positioned(
                              right: AppSize.height(35),
                              top: AppSize.height(66),
                              child: Icon(Icons.arrow_forward_ios,color: Color(0xff626262),size: 14,)
                          )
                        ],
                      ),
                    ),
                  ),
                ),
                Card(
                  margin: EdgeInsets.only(left: AppSize.height(20),top: AppSize.height(10),right: AppSize.height(20),bottom: AppSize.height(10)),
                  child: InkWell(
                    onTap: (){Navigator.pushNamed(context, wait_pay_record_page,arguments: '固定摊位租金');},
                    child: SizedBox(
                      width: double.maxFinite,
                      height: AppSize.height(150),
                      child: Stack(
                        children: <Widget>[
                          Positioned(
                            left: AppSize.height(45),
                            top: AppSize.height(50),
                            child: Image.asset('images/icon_guding_tanweizujin.png',fit: BoxFit.cover,),
                          ),
                          Positioned(
                            left: AppSize.height(120),
                            top: AppSize.height(55),
                            child: Text('固定摊位租金',style: TextStyle(color: Colours.app_words,fontSize: 15,fontWeight: FontWeight.w600),),
                          ),
                          Positioned(
                            right: AppSize.height(60),
                            top: AppSize.height(64),
                            child: Text('10',style: TextStyle(color: Color(0xff626262),fontSize: 14),),
                          ),
                          Positioned(
                              right: AppSize.height(35),
                              top: AppSize.height(66),
                              child: Icon(Icons.arrow_forward_ios,color: Color(0xff626262),size: 14,)
                          )
                        ],
                      ),
                    ),
                  ),
                ),
                Card(
                  margin: EdgeInsets.only(left: AppSize.height(20),top: AppSize.height(10),right: AppSize.height(20),bottom: AppSize.height(20)),
                  child: InkWell(
                    onTap: (){Navigator.pushNamed(context, wait_pay_record_page,arguments: '固定仓库租金');},
                    child: SizedBox(
                      width: double.maxFinite,
                      height: AppSize.height(150),
                      child: Stack(
                        children: <Widget>[
                          Positioned(
                            left: AppSize.height(45),
                            top: AppSize.height(50),
                            child: Image.asset('images/icon_guding_cangkuzujin.png',fit: BoxFit.cover,),
                          ),
                          Positioned(
                            left: AppSize.height(120),
                            top: AppSize.height(55),
                            child: Text('固定仓库租金',style: TextStyle(color: Colours.app_words,fontSize: 15,fontWeight: FontWeight.w600),),
                          ),
                          Positioned(
                            right: AppSize.height(60),
                            top: AppSize.height(64),
                            child: Text('10',style: TextStyle(color: Color(0xff626262),fontSize: 14),),
                          ),
                          Positioned(
                              right: AppSize.height(35),
                              top: AppSize.height(66),
                              child: Icon(Icons.arrow_forward_ios,color: Color(0xff626262),size: 14,)
                          )
                        ],
                      ),
                    ),
                  ),
                ),
                Card(
                  margin: EdgeInsets.only(left: AppSize.height(20),top: AppSize.height(10),right: AppSize.height(20),bottom: AppSize.height(20)),
                  child: InkWell(
                    onTap: (){Navigator.pushNamed(context, wait_pay_record_page,arguments: '保证金');},
                    child: SizedBox(
                      width: double.maxFinite,
                      height: AppSize.height(150),
                      child: Stack(
                        children: <Widget>[
                          Positioned(
                            left: AppSize.height(45),
                            top: AppSize.height(50),
                            child: Image.asset('images/icon_baozhengjin.png',fit: BoxFit.cover,),
                          ),
                          Positioned(
                            left: AppSize.height(120),
                            top: AppSize.height(55),
                            child: Text('保证金',style: TextStyle(color: Colours.app_words,fontSize: 15,fontWeight: FontWeight.w600),),
                          ),
                          Positioned(
                            right: AppSize.height(60),
                            top: AppSize.height(64),
                            child: Text('10',style: TextStyle(color: Color(0xff626262),fontSize: 14),),
                          ),
                          Positioned(
                              right: AppSize.height(35),
                              top: AppSize.height(66),
                              child: Icon(Icons.arrow_forward_ios,color: Color(0xff626262),size: 14,)
                          )
                        ],
                      ),
                    ),
                  ),
                )
              ],
            ),
          ),
        ),
      ),
    );
  }
}